<template>
  <div>
    
    <el-select v-model="value" placeholder="请选择">
      <el-option
        v-for="item in options"
        :key="item.value"
        :label="item.label"
        :value="item.value">
      </el-option>
    </el-select>
    
    <el-button type="primary" @click="goHome">首页</el-button>

    

  </div>
</template>

<script>
export default {
  return: {
    value: '',
    options: [{
      value: '选项1',
      label: '黄金糕'
    }, {
      value: '选项2',
      label: '双皮奶'
    }, {
      value: '选项3',
      label: '蚵仔煎'
    }, {
      value: '选项4',
      label: '龙须面'
    }, {
      value: '选项5',
      label: '北京烤鸭'
    }]
  },
  name: 'HelloWorld',
  props: {
    msg: String
  },
  methods: {
    goHome() {
      this.$router.push({path: '/'})
    },
    calculateDaysBetweenDates(beg, end) {
      let date1 = new Date(beg);
      let date2 = new Date(end);
      let days = Math.floor((date2.getTime() - date1.getTime()) / (24 * 3600 * 1000));
      return days;
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<!--<style scoped>-->
<!--h3 {-->
<!--  margin: 40px 0 0;-->
<!--}-->
<!--ul {-->
<!--  list-style-type: none;-->
<!--  padding: 0;-->
<!--}-->
<!--li {-->
<!--  display: inline-block;-->
<!--  margin: 0 10px;-->
<!--}-->
<!--a {-->
<!--  color: #42b983;-->
<!--}-->
<!--</style>-->
